@rem: (@px / 75)*1rem;
@px: 0;
// html , body {
//     height: 1978/75rem;
// }
#app {
    height: inherit;
}
.outside-detail {
    .outside-detail-header {
        position: relative;
        .header-icon {
            position: absolute;
            right: 13/75rem;
            top: 10/75rem;
        }
    }
    .outside-detail-body{
        height: 100%;
        // height: 1978/75rem;
        padding: .4rem;
        background-color: #F8F8F8FF;
        .detail-box {
            position: relative;
            background:rgba(255,255,255,1);
            box-shadow:0px 2px 8px 1px rgba(153,153,153,1);
            border-radius:7px;
            padding: 0 27/75rem;
            overflow: hidden;
            .detail-info-tip {
                font-size:34/75rem;
                margin-top: 56/75rem;
                margin-bottom: 42/75rem;
                font-weight:bold;
            }
            .detail-info-icon {
                position: absolute;
                top: 29/75rem;
                right: 27/75rem;
                width: 101/75rem;
                height: 101/75rem;
                // background:rgba(255,255,255,1);
                background-image:url('../assets/homePicture/xgjt.jpg');
                background-size: 100% 100%;
                box-shadow:0px 3px 7px 0px rgba(186,186,186,0.39);
                border-radius:7px;
            }
            .options {
                overflow: hidden;
                margin-bottom: 24/75rem;
            }
            ul li {
                float: left;
                font-size: 25/75rem;
                margin-right: 5px;
            }
            .cont {
                overflow: hidden;
                .salary {
                    float: left;
                    font-size: 25/75rem;
                    color: #FC324AFF;
                }
                .times {
                    float: right;
                    font-size: 12/75rem;
                    color:rgba(92,92,92,1);
                }
            }
            .line {
                width: 100%;
                height:1px;
                background:rgba(64,133,225,1);
                opacity:0.2;
                margin-top: 32/75rem;
            }
            .position {
                padding-top: 20/75rem;
                height: 66/75rem;
                .pos-icon {
                    float: left;
                    width: 23/75rem;
                    height: 33/75rem;
                    margin-right: .146667rem;
                    margin-top: 15/75rem;
                    img {
                        width: 100%;
                        height: 100%;
                        
                    }
                }              
                .detail-pos{
                    float: left;
                    font-size: 25/75rem;
                    font-weight:300;
                    background:#EEEEEEFF;
                    padding: 6px 6px 6px 6px;
                    margin-bottom: 9px;
                    width: 600/75rem;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
            }
        }
        .pos-light {
            margin-top: 45/75rem;
            p {
                font-size: 34/75rem;
                margin-bottom: 23/75rem;
                font-weight:bold;
            }
            span {
                display: inline-block;
                padding: 7/75rem 15/75rem;
                margin-right: 10/75rem;
                margin-bottom: 17/75rem;
                font-size: 24/75rem;
                border:1px solid #4787e4;
                border-radius: 4px;
            }
        }
        .pos-des {
            p {
                font-size: 34/75rem;
                margin-top: 33/75rem;
                font-weight:bold;
            }
            .pos-des-tip {
                margin: 39/75rem 0 29/75rem 0;
                font-size:26/75rem;
                font-weight:400;
                color:rgba(0,0,0,1);
                opacity:0.8;
            }
            ul li {
                font-size:24/75rem;
                font-weight:300;
                color:rgba(0,0,0,1);
                opacity:0.6;
                margin: 10/75rem;
            }  
        }
        
    }
}
.pos-btn {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30/75rem;
    background-color: rgba(255,255,255,1);
    .com {
        height: 84/75rem;
        background:rgba(38,162,255,1);
        border:0.5px solid rgba(71,135,227,1);
        border-radius:5px;
        font-size:26/75rem;
        color:rgba(255,255,255,1);
        text-align: center;
        line-height: 84/75rem;
    }
}